<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    input{width: 400px;}
  </style>
</head>
<body>
  <input type="text" disabled id="time">
</body>
<script>

  // // 开启计时器
  // var t = setInterval(function(){
  //   console.log("hello");
  // }, 1000);

  // document.onclick = function(){
  //   // 清除计时器
  //   clearInterval( t );
  // }


  // // 开启延时器
  // var t = setTimeout(function(){
  //   console.log("hello world")
  // }, 5000);

  // document.onclick = function(){
  //   // 清除延时器
  //   clearTimeout( t );
  // }

  var time = document.getElementById("time");
  time.value = new Date();
  setInterval(function(){
    time.value = new Date();
  }, 1000);
  
</script>
</html>